<template>
    <div class="toolBar">
   
        <div class="refresh">
            <v-Refresh></v-Refresh>
        </div>
        <div class="tableTool">
            <v-TbFilterColumn 
                :tableColumns="tableColumns" 
                @tbChangeLie="getTbFilterColumn">
            </v-TbFilterColumn>
        </div>

        
       
    </div>
</template>

<script>
import bus from 'common/bus.js';

import vTbFilterColumn from './TbFilterColumn.vue';

import vRefresh from 'common/refresh.vue'

export default {
    name: 'toolBar',
    props: ['tableColumns'],
    components: {
         vTbFilterColumn,vRefresh
    },
    data() {
        return {
            searchVal: '',
            changeLie: ''
        };
    },
    created() {
        
    },
    computed: {

    },
    methods: {
        searchClick(){
            this.$emit('getSearchIP', this.searchVal);
        },
        resetClick() {
            this.searchVal = '';
            this.$emit('getSearchIP', this.searchVal);
        },
        getTbSearchIP(val) {
            this.searchVal = val;
        },
        getTbFilterColumn(val){
            this.changeLie = val;
            this.$emit('changeLie', this.changeLie);
        },
    },
    watch: {
        
    }
}
</script>

<style scoped>
    .toolBar {
        overflow: hidden;
        margin-bottom: 14px;
        
    }
    .searchBox {
        float: left;
        margin-right: 20px;
    }
    .tableTool {
        float: right;
    }
    .dateBox {
        float: left;
    }
    .refresh{
         float: left;
        width:300px
    }
</style>